<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON</title>
    <script>
        function f1(){
            // 在JSON语法中,其值由一对大括号括起来
            // 内容由一系列的键值对所组成
            let user = {"id":1,"username":"admin","password":"123456"};
            console.log(typeof user);
            // 取值,相当于get方法
            // 可以通过一定的方式访问json中的某一个属性的值
            // 通过变量名.key的方式或者变量名["key"]的方式进行访问
            console.log(user.id);
            console.log(user["username"]);
            console.log(user['password']);
            // 重新赋值,相当于set方法
            user.id = 2;
            user.username = "alice";
            console.log(user);
        }
        function f2(){
            let address = {"province":"江苏","city":"南京"};
            let user = {"1id":1,"username":"admin","password":"123456","address":address};
            // 访问方式一致
            // 当属性名以数字开头,不能使用变量名.属性名的方式访问
            // 但是实际开发中,按照编码规范,变量名不能以数字开头
            console.log(user["1id"]);
            console.log(user.address.province);
            console.log(user.address['city']);
        }
        function f3(){
            let users = [{
                "id":1,
                "username":"admin",
                "password":"123456"
            },{
                "id":2,
                "username":"alice",
                "password":"123456"
            },{
                "id":3,
                "username":"jack",
                "password":"111111"
            }];
            for(let i = 0; i < users.length; i++){
                console.log(users[i].id+"--"+users[i]['username']+"--"+users[i]["password"]);
            }
            console.log(users[1].username);
        }
    </script>
</head>
<body>
<button onclick="f1()">基本语法</button><br>
<button onclick="f2()">对象中包含对象</button><br>
<button onclick="f3()">对象数组</button><br>
</body>
</html>